Local Navigation: A Valuable Orientation and Wayfinding Aid本地導航
使用紙質地圖探索陌生城市時,人們通常採用兩種導航方式:一是確定目的地位置並尋找最佳路徑;二是隨意探索周邊區域,發現咖啡店或公園等有趣地點。


本地導航的定義和功能 (Definition and Functions of Local Navigation)
定義:本地導航是相對於使用者當前頁面的上下文導航。它顯示同級頁面(同一分類下的其他頁面),以及當前頁面的子級頁面,幫助使用者在資訊架構(IA)中定位和探索內容。
功能:
- 定位作用: 明確當前頁面所在的分類層級,類似地圖上的“你在這裡”標記。
- 路徑指引: 提供同一分類下其他頁面的連結,便於使用者進一步探索。
- 降低互動成本: 提供對深層次資訊架構內容的快捷訪問,避免頻繁返回高層選單。


本地導航的適用場景 (When to Use Local Navigation)

適合本地導航的情況:
- 使用者傾向於瀏覽同一分類下的多個頁面: 如電商網站的商品比較、大學網站的專業瀏覽等。
- 使用者需要整合或比較多個頁面的資訊: 如對比產品規格、檢視多項服務內容等。
- 使用者從內頁進入網站: 需要透過本地導航保持方位感和探索效率。
不適合本地導航的情況:
- 資訊架構簡單、頁面數量少的網站。
- 資訊架構過深,導航佔用過多螢幕空間時(可用其他輕量級導航代替,如上下文連結或麵包屑導航)。
本地導航的設計要點 (Designing Effective Local Navigation)
1. 位置的選擇 (Placement of Local Navigation)
常見佈局:
- 水平佈局: 位於全域性導航(Global Navigation)下方,適用於較窄的頂級分類,但當分類過多時不適用。
- 垂直佈局: 位於頁面左側,與全域性導航共同形成倒“L”形佈局。適用於層次較深的資訊架構,但需避免過度縮排。
案例:
- 優點: 水平導航設計通常更加緊湊,不會佔用主要內容區域。
- 缺點: 垂直導航在深層架構中會佔用較多內容空間,水平導航在超過2-3層時也會影響主內容區域。

2. 顯示的深度 (Depth of Visibility)
- 淺層架構: 全部顯示當前分類及其子分類。
- 深層架構: 超過2-3層時,可用麵包屑代替多層或截斷的本地導航,避免導航元素佔用過多空間。
案例:Prudential 網站在第三級層級顯示完整本地導航,進入第四級時切換為麵包屑,保持導航簡潔而不失功能性。

3. 顯著性設計 (Visibility Without Overemphasis)
- 顯而易見: 本地導航應易於發現,減少使用者探索成本。
- 視覺層級合理: 本地導航不應比全域性導航更顯眼,避免使用者將本地導航誤認為是全域性導航。案例:
Generac 舊版網站中,本地導航過於顯眼,導致使用者忽視全域性導航。

The New School 網站透過顏色和背景對比,成功平衡了全域性導航和本地導航的視覺層級。

4. 互動成本低 (Minimizing Interaction Cost)
- 持續可見性: 本地導航應始終可見,無需使用者額外點選或懸停操作。
- 快速訪問: 為使用者提供直達同一分類內其他頁面的連結,減少返回高層選單的操作。